<!DOCTYPE html>

<html>

<head>
<script src="//weixiao.qq.com/js/MTAH5/stats.js" id="WXH5" sid="500622700"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

<title>魔镜魔镜 </title>


<link rel="stylesheet" type="text/css" href="/smallQuestion/front/css/style.css">

</head>

<body>
	
<!-- 	<img src="../front/images/icon_share.jpg" width="0" height="0"> -->

	<div class="wrap">

<!-- 		<div class="enter_wrap"> -->

			<!--<div class="wrap_top">

				<img class="top_img" src="images/img_top.png">

			</div>-->

			<!-- <div class="wrap_center">

				<div class="enter_btn">开始测试</div>

			</div>

			<div class="wrap_bottom">

			</div>

		</div> -->
		<!-- /.enter_wrap -->

		<div class="topic_wrap">

			<div class="fade_wrap">

				<!-- <div class="wrap_top">

					<div class="topic_no">

						<span class="curr_no" id="curr_no">1</span>/<span class="count">10</span>

					</div>

				</div> -->

				<div class="wrap_top1">

					<div class="topic_title" id="topic_title"></div>

				</div>

				<div class="wrap_center">

					<table class="topic_option" id="topic_option">

					</table>

				</div>

			</div>

			<div class="wrap_bottom">
			<!--<img class="lagou_logo" src="images/topic_bottom.png">-->


			</div>

		</div><!-- /.topic_wrap -->

		<div class="over_wrap">

			<!-- <div class="wrap_top">

				<div class="over_grade">

					<span class="grade_title">您的智商指数是</span>

					 <span class="grade">

						<div class="grade_detail_wrap">

							<b class="grade_detail"></b>分

						</div>

					</span> 

				</div>

			</div> -->

			<div class="wrap_center">

				<div class="over_des">

					<span class="des_title">测试结果</span>

					<div class="des_content">

						<div class="des_keyword"></div>

						<div class="des_detail"></div>

					</div>

				</div> 

				<div class="over_btn">

					<div class="over_btn_detail" style="float: left;width:36%;">
					<a style="color: #FFF;text-decoration: none;display:block;width:100%;height:100%;" href="/smallQuestion/index?type=trigger&media_id=${mediaId}">魔镜大厅</a>
					
					</div>

					<div class="over_btn_detail back"><a style="display:block;width:100%;height:100%;" href="/smallQuestion/front/question?titleId=${titleId}">再玩一次</a></div>

					<div class="over_btn_detail over_share">告诉朋友</div>
					
					<div class="over_btn_detail back"><a  style="display:block;width:100%;height:100%;" href="${shareUrl}">关注我们</a></div>
<!-- 					<div class="over_btn_detail over_share">告诉朋友</div><div class="over_btn_detail back"><a href="https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=MzI0NTg0MTAwMw==&scene=124#wechat_redirect">关注我们</a></div> -->

				</div>

			</div>

			<div class="wrap_bottom">

			</div>

		</div><!-- /.over_wrap -->

		<div class="share_wrap">

			<div class="share_text">

				<img class="share_img" src="../front/images/share.png">

			</div>

		</div>

	</div><!-- /.wrap -->

	<script type="text/javascript" src="/smallQuestion/front/js/jquery.js"></script>

	<script type="text/javascript" src="/smallQuestion/front/js/main.js"></script>
	

	<script type="text/javascript">

	careerism.init();
	 
	 $(function(){
	   $("#showShareTitle").val("${shareTitle}");
// 	   alert("appid:${wx.appId}");
// 	   alert("timestamp:${wx.timestamp?c}");
// 	   alert("nonceStr:${wx.nonceStr}");
// 	   alert("signature:${wx.signature}");
// 	   alert("domain:${domain}");
// 	   alert("logo:${logo}");
// 	   alert("url:"+"${domain}${logo}");
	   
	  wx.config({
	     debug: false,
	     appId: "${wx.appId}",
	     timestamp: "${wx.timestamp?c}",
	     nonceStr: "${wx.nonceStr}",
	     signature: "${wx.signature}",
	     jsApiList: ["onMenuShareAppMessage","onMenuShareQQ","onMenuShareTimeline","onMenuShareQZone"]
	   });
	   wx.ready(function(){
	     wx.onMenuShareAppMessage({
	       title: "${shareTitle}",
	       imgUrl: "${domain}${logo}",
	       link: "${wx.url}",
	       desc: "魔镜魔镜，让你了解真实的自己",//分享描述
	       success: function () { 
// 	         alert("发送给朋友");
	         // 用户确认分享后执行的回调函数
	     },
	     cancel: function () { 
	         // 用户取消分享后执行的回调函数
	     }
	     });
	     wx.onMenuShareQQ({
	       title: "${shareTitle}",
	       imgUrl: "${domain}${logo}",
	       link: "${wx.url}",
	       desc: "魔镜魔镜，让你了解真实的自己"//分享描述
	     });
	     wx.onMenuShareTimeline({
	       title: "${shareTitle}",
	       imgUrl: "${domain}${logo}",
	       link: "${wx.url}",
	       desc: "魔镜魔镜，让你了解真实的自己",//分享描述
	       success: function () { 
// 	         alert("分享到朋友圈");
	         // 用户确认分享后执行的回调函数
	     },
	     cancel: function () { 
	         // 用户取消分享后执行的回调函数
	     }
	     });
	     wx.onMenuShareQZone({
	       title: "${shareTitle}",
	       imgUrl: "${domain}${logo}",
	       link: "${wx.url}",
	       desc: "魔镜魔镜，让你了解真实的自己"//分享描述
	     });
   });
	   
	 });

</script>

</html> 